<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>伪类2</title>
    <!--伪类和CSS类-->
    <!--伪类可以与 CSS 类配合使用：-->
    <!--a.red:visited {color:#FF0000;}-->
    <!--<a class="red" href="css-syntax.html">CSS 语法</a>-->
    <!--如果在上面的例子的链接已被访问，它会显示为红色。-->
    <!--CSS - :first - child伪类-->
    <!--您可以使用 :first-child 伪类来选择元素的第一个子元素-->
    <!--注意：在IE8的之前版本必须声明<!DOCTYPE> ，这样 :first-child 才能生效。-->
    <!--匹配第一个 <p> 元素-->
    <!--在下面的例子中，选择器匹配作为任何元素的第一个子元素的 <p> 元素：-->
    <style>
        p:first-child
        {
            color: blue;
        }
    </style>
</head>
<body>
<p>This is some text.</p>
<p>This is some text.</p>
<p><b>注意：</b>对于：first-child工作于IE8以及更早版本的浏览器，！DOCTYPE必须已经声明.</p>
</body>
</html>